<template>
    <div>
        <Row class="item" type="flex" align="middle">
            <Col span="2">
                <span>门店名称</span>
            </Col>
            <Col>
                <Input value="shopEdit.shop.shop_id" readonly style="width: 300px" />
            </Col>
        </Row>
        <Row class="item" type="flex" align="middle">
            <Col span="2">
                <span>联系电话</span>
            </Col>
            <Col>
                <Input value="shopEdit.shop.shop_id" readonly style="width: 300px" />
            </Col>
        </Row>
        <Row class="item" type="flex" align="middle">
            <Col span="2">
                <span>门店地址</span>
            </Col>
            <Col>
                <Input value="shopEdit.shop.shop_id" readonly style="width: 300px" />
            </Col>
        </Row>
        <Row class="item" type="flex" align="middle">
            <Col span="2">
                <span>营业时间</span>
            </Col>
            <Col>
                <DatePicker :value="value1" format="yyyy年MM月dd日" type="date" placeholder="Select date" style="width: 200px"></DatePicker>
                <span class="timeSpan">至</span>
                <DatePicker :value="value2" format="yyyy年MM月dd日" type="date" placeholder="Select date" style="width: 200px"></DatePicker>
            </Col>
        </Row>
        <Row class="item" type="flex" align="middle">
            <Col span="2">
                <span>所属商圈</span>
            </Col>
            <Col>
                <Button size="large" type="primary">选择商圈</Button>
            </Col>
        </Row>
        <Row class="des" type="flex" align="middle">
            <Col span="2">
                <span></span>
            </Col>
            <Col>
                <span>选择此门店所属商圈，在搜索时可按商圈进行搜索</span>
            </Col>
        </Row>
        <Row class="item" type="flex" align="middle">
            <Col span="2">
                <span>设置标签</span>
            </Col>
            <Col>
                <Button size="large" type="primary">添加标签</Button>
            </Col>
        </Row>
        <Row class="des" type="flex" align="middle">
            <Col span="2">
                <span></span>
            </Col>
            <Col>
                <span>设置标签后，在此门店核销过的将加上此标签</span>
            </Col>
        </Row>
        <div class="item">
            <Button size="large" type="primary">保存</Button>
            <Button size="large" type="default" style="margin-left: 15px;">取消</Button>
            <Button size="large" type="error" style="margin-left: 15px;">删除分店</Button>
        </div>
    </div>
</template>
<script>

    export default {
        name: 'shopEditMessage',
        data () {
            return {
                value1: '2016-01-01',
                value2: '2016-01-01',
            }
        },
        mounted(){
        },
        methods: {
        }
    }
</script> 
<style lang="less" scoped>
    .item {
        margin-top: 15px;
    }

    .des {
        margin-top: 5px;
    }

    .timeSpan {
        margin: 0 15px;
    }
</style>